{% extends "../layout.html" %}

{% block body_id %}page-sandbox{% end %}

{% block title %}沙盒{% end %}

{% block content_title %}沙盒{% end %}

{% block sidebar %}
    <ul class="sidebar folderFilter">
        <li class="sidebar_list">
            <a href="">
                已加星标 <i class="glyphicon glyphicon-star-empty"></i>
            </a>
            <a href="">
                回收站 <i class="glyphicon glyphicon-trash"></i>
            </a>
        </li>
    </ul>

    <div class="col-xs-2"></div>
    <div class="col-xs-8">
        <form action="/sandbox/upload" method="POST"
            enctype="multipart/form-data" id="dev_auto_upload">
            <span class="fileUpload btn btn-block btn-primary btn-sm">
                <span>上传文件</span>
                <input type="file" class="dev_hidden_upload upload"
                    name="fill">
            </span>
        </form>
    </div>
    <div class="col-xs-2"></div>
{% end %}

{% block content %}
    <div class="page">
        <div class="row">
            <div id="dev_dropzone" class="dropzone">
                <input id="MAX_SIZE" type="hidden" value="100000000">
                <div class="loader">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                </div>

                <div class="filelist fakeTable">
                    <div class="rowing rowHead">
                        <div class="coling name">名称</div>
                        <div class="coling time">上传时间</div>
                        <div class="coling size">文件大小</div>
                    </div>
                    <div class="rowTank" bb-sandbox-container>
                        {% for node in node_list %}
                            <div class="rowing rowBody">
                                <div class="coling name">{{ node[0] }}</div>
                                <div class="coling time">{{ node[1] }}</div>
                                <div class="coling size">{{ node[2] }}</div>
                                <div class="coling down">
                                    <a href="/sandbox/download/{{ node[0] }}">
                                        <i class="glyphicon glyphicon-cloud-download"></i>
                                    </a>
                                </div>
                            </div>
                        {% end %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% end %}

{% block scriptname %}app/sandbox.js{% end %}
